﻿<%@ Page Title="" Language="C#" MasterPageFile="~/default.Master" AutoEventWireup="true" CodeBehind="ModifyRoomDetail.aspx.cs" Inherits="DelonixRegia.ModifyRoomDetail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphPageTitle" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphTitle" runat="server">
    Modify Room Detail
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphSubtitle" runat="server">
    Change room details in Delonix Regia
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cphMain" runat="server">
    <asp:Panel ID="pnlFirstStep" runat="server">
        <div class="panel panel-default" id="firstStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            Search Room
            <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
            </ajaxToolkit:ToolkitScriptManager>
            </div>

        <div class="panel-body">
            <div class="alert alert-danger" id="errorBox" style="display: none;">
            </div>

            <table class="nav-justified">
                <tr>
                    <td class="text-right" colspan="7">
                        <table class="nav-justified" style="width: 300px; margin: 0 auto;">
                            <tr>
                                <td class="text-right" style="width: auto">Room Number:</td>
                                <td>&nbsp;</td>
                                <td style="width: 173px">
                                    <asp:TextBox ID="tbxHotelRoomNumber" runat="server" CssClass="form-control" Width="150px" MaxLength="255"></asp:TextBox>
                                </td>
                                
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="7" class="text-center">
                        <asp:Button ID="btnRoomSearch" runat="server" Text="Search" CssClass="btn btn-default btn-lg" OnClientClick="return verifySearch();" OnClick="btnRoomSearch_Click" />
                    </td>
                </tr>
                </table>
        </div>
        </div>
        </asp:Panel>


        <asp:Panel ID="pnlSecondStep" runat="server" Visible="false">
        <div class="panel panel-default" id="secondStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            View Room Details
            </div>

         <div class="panel-body">
            <div class="alert alert-danger" id="Div1" style="display: none;">
            </div>
             <table class="nav-justified">
                <tr>
                    <td colspan="6">
                        <table class="nav-justified" style="width: 600px; margin: 0 auto;">
                            <tr>
                    <td class="text-right" style="width: 179px; height: 22px;">Room Number:</td>
                    <td style="width: 15px; height: 22px;"></td>
                    <td style="width: 183px; height: 22px;">
                        <asp:Label ID="lblHotelRoomNumber" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Room Type:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblHotelRoomType" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Balcony:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblHotelRoomBalcony" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Smoking/Non-Smoking:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblHotelRoomSmoking" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Level:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblHotelRoomLevel" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                     <td>&nbsp;</td>
                     <td>&nbsp;</td>
                     <td>&nbsp;</td>
                </tr>

                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnEditDetails" runat="server" Text="Edit Details" CssClass="btn btn-default btn-lg" OnClick="btnEditDetails_Click" OnClientClick="return btnEditDetails_Click();" />
                        
                    </td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">&nbsp;</td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnGoBackPanel2" runat="server" Text="< Go back" CssClass="btn btn-default btn-lg" OnClick="btnGoBackPanel2_Click"/>
                    </td>
                </tr>
            </table>
           </table>
        </div>
    </div>
            </asp:Panel>

    
        
        <asp:Panel ID="pnlThirdStep" runat="server" Visible="false">
        <div class="panel panel-default" id="thirdStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            Modify Room Details
            </div>

        <div class="panel-body">
            <div class="alert alert-danger" id="Div3" style="display: none;">
            </div>

            <table class="nav-justified">
                <tr>
                    <td>
                        <table style="width:350px;margin:auto;" class="nav-justified">
                            <tr>
                                <td class="text-right" style="width: 179px; height: 22px;">Room Number:</td>
                                <td style="width: 15px">&nbsp;</td>
                                <td>
                                    <asp:TextBox ID="tbxHotelRoomNo" runat="server" CssClass="form-control" Width="50px" MaxLength="255" ReadOnly="True"></asp:TextBox>
                                    </td>
                            </tr>
                            <tr>
                                <td class="text-right" style="width: 179px; height: 22px;">Room Type:</td>
                                <td style="width: 15px">&nbsp;</td>
                                <td>
                                    <asp:DropDownList ID="ddlGuestRoomType" runat="server" CssClass="form-control" Width="187px">
                                        <asp:ListItem Selected="True" Value="1">Single</asp:ListItem>
                                        <asp:ListItem Value="2">Queen</asp:ListItem>
                                        <asp:ListItem Value="3">Premium Suite</asp:ListItem>
                                        <asp:ListItem Value="4">Presidential Suite</asp:ListItem>
                                    </asp:DropDownList>
                                </td>
                            </tr>
                            <tr>
                    <td class="text-right" style="width: 165px">Balcony:</td>
                    <td style="width: 18px">&nbsp;</td>
                    <td style="width: 214px">
                        <asp:RadioButtonList ID="rblRoomBalcony" runat="server">
                            <asp:ListItem Value="1">Yes</asp:ListItem>
                            <asp:ListItem Value="0">No</asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                    </tr>
                            <tr>
                                 <td class="text-right" style="width: 184px;">Smoking/Non-Smoking:</td>
                    <td style="width: 18px">&nbsp;</td>
                    <td>
                        <asp:RadioButtonList ID="rblRoomSmoke" runat="server">
                            <asp:ListItem Value="1">Smoking</asp:ListItem>
                            <asp:ListItem Value="0">Non-Smoking</asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                </tr>
                            
                    <tr>
                    <td class="text-right" style="width: 184px">Room Level:</td>
                    <td style="width: 18px">&nbsp;</td>
                    <td>
                        <asp:DropDownList ID="ddlHotelRoomLevel" runat="server" CssClass="form-control" Width="70px">
                                        <asp:ListItem Selected="True" Value="1">1</asp:ListItem>
                                        <asp:ListItem Value="2">2</asp:ListItem>
                                        <asp:ListItem Value="3">3</asp:ListItem>
                                        
                                    </asp:DropDownList>
                        </td>
                </tr>
                <tr>
                     <td>&nbsp;</td>
                     <td>&nbsp;</td>
                     <td>&nbsp;</td>
                </tr>

                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnSaveDetails" runat="server" Text="Save Details" CssClass="btn btn-default btn-lg" OnClick="btnSaveDetails_Click" />
                        
                        <ajaxToolkit:ConfirmButtonExtender ID="btnSaveDetails_ConfirmButtonExtender" runat="server" ConfirmText="Confirm Update Room Details?" Enabled="True" TargetControlID="btnSaveDetails">
                        </ajaxToolkit:ConfirmButtonExtender>
                        
                    </td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">&nbsp;</td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnGoBackPanel3" runat="server" Text="< Go back" CssClass="btn btn-default btn-lg" OnClick="btnGoBackPanel3_Click"/>
                    </td>
                </tr>
            </table>
           </table>
        </div>
    </div>
            </asp:Panel>

    <asp:Panel ID="pnlFourthStep" runat="server" Visible="false">
        <div class="panel panel-default" id="fourthStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            Save Details Success
            </div>

        <div class="panel-body">
            <div class="alert alert-success" id="successbox" style="text-align:center;">
                Update Details of Room is Successful!
            </div>

            <table class="nav-justified">
                <tr>
                    <td>
                        <table style="width:350px;margin:auto;" class="nav-justified">
                            <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnGoBackPanel4" runat="server" Text="< Go back" CssClass="btn btn-default btn-lg" OnClick="btnGoBackPanel4_Click"/>
                    </td>
                </tr>
                
            </table>
           </table>
        </div>
    </div>
            </asp:Panel>

<script type="text/javascript">
    function transitionToFirstStep() {
        $('#firstStep').hide().show('slide', { direction: 'left', easing: 'easeOutQuart', duration: 600 });
    }

    function transitionToSecondStep() {
        $('#secondStep').hide().show('slide', { direction: 'right', easing: 'easeOutQuart', duration: 600 });
    }
    function transitionToThirdStep() {
        $('#thirdStep').hide().show('slide', { direction: 'right', easing: 'easeOutQuart', duration: 600 });
    }
    function transitionToFourthStep() {
        $('#fourthStep').hide().show('slide', { direction: 'right', easing: 'easeOutQuart', duration: 600 });
    }
    
    </script>
</asp:Content>
